<template>
  <div class="bigbox">
    <HomeNewVue ref="deleteItemRef" :home="'del'" @yulanFn="yulanFn" :officeSortRule="officeSortRule"
      @paixurule="paixurule" :hideItemMenus="hideItemMenus" :officeFileType="3">
    </HomeNewVue>
  </div>
</template>
<script lang="ts" setup>
import HomeNewVue from "./recycle.vue";
import { ref } from "vue"
// listswitch  列表切换按钮

// home
// TopLeftslot  右上角插槽
const officeSortRule = ref(1)
const hideItemMenus = ref(false)
const paixurule = (i) => { officeSortRule.value = i + 1 }
// 进入预览页
const yulanFn = (item: any) => {
}

const deleteItemRef: any = ref(false)
const hideRightMenu = (falg: any) => {
  deleteItemRef.value.hideRightMenu(false)
  hideItemMenus.value = false
  // globalRightMenuShow.value = false
}
defineExpose({ hideRightMenu })
</script>
<style lang="scss" scoped>
.bigbox {
  background: #22252c;
  border-radius: 30px;
  height: 100%;
  padding: 20px 0;
  // margin: 20px 20px 0 0;
}
</style>